<template>
  <el-row>开发中。。。</el-row>
<!--    <el-row style="padding:10px 20px;" class="stationWrap">-->
<!--        <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom:10px;">-->
<!--          <el-breadcrumb-item><img style="width: 16px;vertical-align: middle;margin-right: 5px" src="@/assets/indexPage/location.png"/> 诊断结果</el-breadcrumb-item>-->
<!--          <el-breadcrumb-item>诊断结果推送</el-breadcrumb-item>-->
<!--          <el-breadcrumb-item>-->
<!--            <span style="font-weight:600;">-->
<!--               {{ activeName }}-->
<!--            </span>-->
<!--          </el-breadcrumb-item>-->
<!--        </el-breadcrumb>-->
<!--        <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">-->
<!--          <el-tab-pane label="推送任务列表" name="推送任务列表">-->
<!--           <station />-->
<!--          </el-tab-pane>-->
<!--          <el-tab-pane label="推送平台管理" name="推送平台管理">-->
<!--           <pvModule ref="pvModule" />-->
<!--          </el-tab-pane>-->
<!--        </el-tabs>-->
<!--    </el-row>-->
</template>

<script>
  import pvModule from "./api"
  import station from "./diagnosticReportPush"
  export default {
    name: "stationWrap",
    components: {
      pvModule,
      station
    },
    data() {
      return {
        activeName: "推送任务列表"
      }
    },
    methods: {
      handleClick(value) {
        if (value.label === '按组件查询') {
          this.$refs.pvModule.tick()
        }
      }
    }
  }
</script>

<style lang="scss">
  .stationWrap{
    .is-active{
      box-shadow: 0px 0px 10px 0px rgba(55,64,94,0.3);
    }
    .el-tabs--border-card>.el-tabs__header .el-tabs__item{
      border: 1px solid #E4E7ED;
    }
  }
</style>
